import * as React from 'react'
import { Layout } from 'element-react';
import 'element-theme-default';
class Home extends React.Component {
    render() {
        return (
            <div style={styles.bg} className='home'>
                <div
                    style={{
                        position: 'absolute', bottom: 0, left: 0, width: '100%'
                    }}>
                    <Layout.Row>
                        <Layout.Col span="6"><div className="grid-content bg-purple" style={{ textAlign: 'center' }} onClick={() => { location.href = '/home' }}>首页</div></Layout.Col>
                        <Layout.Col span="6"><div className="grid-content bg-purple-light" style={{ textAlign: 'center' }} onClick={() => { location.href = '/paihangbang' }}>排行榜</div></Layout.Col>
                        <Layout.Col span="6"><div className="grid-content bg-purple" style={{ textAlign: 'center' }} onClick={() => { location.href = '/zhuanpan' }}>转盘</div></Layout.Col>
                        <Layout.Col span="6"><div className="grid-content bg-purple-light" style={{ color: "red", textAlign: 'center' }} onClick={() => { location.href = '/setting' }}>设置</div></Layout.Col>
                    </Layout.Row>
                </div>
            </div>
        )
    }
}

const styles: any = {
    bg: {
        position: 'absolute',
        top: 0,
        left: 0,
        width: '100%',
        height: '100%'
    }
}

export default Home